<template>
  <div :class="{ 'my-box':isMy  }">这是关于页面</div>
  <button @click="setColor">改颜色</button>
  <div class="dv"></div>
</template>

<script setup lang='ts'>
import { ref } from "vue";
// import { useRouter } from "vue-router";
// const router = useRouter();
const isMy = ref(false);
function setColor() {
  isMy.value = !isMy.value;
}
</script>
<script lang='ts'>
import { defineComponent } from "vue";
export default defineComponent({
  name: "About",
});
</script>
<style scoped lang='scss'>
.my-box {
  color : red
}
.dv {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  // border-top: 0;
  border-bottom: 100px solid red;
}
</style>